﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><%@ page pageEncoding="utf-8"%><%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>橡树科技－JavaDemoSystem</title>
<link type="text/css" rel="stylesheet" media="all" href="../styles/global.css" />
<link type="text/css" rel="stylesheet" media="all" href="../styles/global_color.css" />
<script language="javascript" type="text/javascript">
            //保存成功的提示信息
            function showResult() {
                showResultDiv(true);
                window.setTimeout("showResultDiv(false);", 3000);
            }
            function showResultDiv(flag) {
                var divResult = document.getElementById("save_result_info");
                if (flag)
                    divResult.style.display = "block";
                else
                    divResult.style.display = "none";
            }

            //显示选填的信息项
            function showOptionalInfo(imgObj) {
                var div = document.getElementById("optionalInfo");
                if (div.className == "hide") {
                    div.className = "show";
                    imgObj.src = "../images/hide.png"/*tpa=http://demo.mycodes.net/houtai/isoakJavaDemoSystem/images/hide.png*/;
                }
                else {
                    div.className = "hide";
                    imgObj.src = "../images/show.png"/*tpa=http://demo.mycodes.net/houtai/isoakJavaDemoSystem/images/show.png*/;
                }
            }
        </script>
</head>
<body>
 
<div id="header">
<img src="../images/logo.png"  alt="logo" class="left"/>
<a href="/logout">[退出]</a>
</div>
 
 
<div id="navi">
<ul id="menu">
<li><a href="../WEB-INF/jsp/index.jsp" class="index_off"></a></li>
        <shiro:hasRole name="超级管理员">
                <li><a href="../role/role_list.jsp" class="role_off"></a></li>
        </shiro:hasRole>
<li><a href="../admin/admin_list.jsp"  class="admin_off"></a></li>
<li><a href="../fee/fee_list.jsp"  class="fee_off"></a></li>
<li><a href="account_list.jsp"  class="account_on"></a></li>
<li><a href="../service/service_list.jsp" class="service_off"></a></li>
<li><a href="../bill/bill_list.jsp"  class="bill_off"></a></li>
<li><a href="../report/report_list.jsp" class="report_off"></a></li>
<li><a href="../user/user_info.jsp" class="information_off"></a></li>
<li><a href="../user/user_modi_pwd.jsp" class="password_off"></a></li>
</ul>
</div>
 
 
<div id="main">
 
<div id="save_result_info" class="save_fail">保存失败，该身份证已经开通过账务账号！</div>
<form action="" method="" class="main_form">
 
<div class="text_info clearfix"><span>姓名：</span></div>
<div class="input_info">
<input type="text" value="张三"/>
<span class="required">*</span>
<div class="validate_msg_long">20长度以内的汉字、字母和数字的组合</div>
</div>
<div class="text_info clearfix"><span>身份证：</span></div>
<div class="input_info">
<input type="text" value="230198765432123456"/>
<span class="required">*</span>
<div class="validate_msg_long">正确的身份证号码格式</div>
</div>
<div class="text_info clearfix"><span>登录账号：</span></div>
<div class="input_info">
<input type="text" value="创建即启用，状态为开通"/>
<span class="required">*</span>
<div class="validate_msg_long">30长度以内的字母、数字和下划线的组合</div>
</div>
<div class="text_info clearfix"><span>密码：</span></div>
<div class="input_info">
<input type="password"/>
<span class="required">*</span>
<div class="validate_msg_long">30长度以内的字母、数字和下划线的组合</div>
</div>
<div class="text_info clearfix"><span>重复密码：</span></div>
<div class="input_info">
<input type="password"/>
<span class="required">*</span>
<div class="validate_msg_long">两次密码必须相同</div>
</div>
<div class="text_info clearfix"><span>电话：</span></div>
<div class="input_info">
<input type="text" class="width200"/>
<span class="required">*</span>
<div class="validate_msg_medium">正确的电话号码格式：手机或固话</div>
</div>
 
<div class="text_info clearfix"><span>可选项：</span></div>
<div class="input_info">
<img src="../images/show.png" alt="展开" onClick="showOptionalInfo(this);"/>
</div>
<div id="optionalInfo" class="hide">
<div class="text_info clearfix"><span>推荐人身份证号码：</span></div>
<div class="input_info">
<input type="text"/>
<div class="validate_msg_long">正确的身份证号码格式</div>
</div>
<div class="text_info clearfix"><span>生日：</span></div>
<div class="input_info">
<input type="text" value="由身份证号计算而来" readonly class="readonly"/>
</div>
<div class="text_info clearfix"><span>Email：</span></div>
<div class="input_info">
<input type="text" class="width350"/>
<div class="validate_msg_tiny">50长度以内，合法的 Email 格式</div>
</div>
<div class="text_info clearfix"><span>职业：</span></div>
<div class="input_info">
<select>
<option>干部</option>
<option>学生</option>
<option>技术人员</option>
<option>其他</option>
</select>
</div>
<div class="text_info clearfix"><span>性别：</span></div>
<div class="input_info fee_type">
<input type="radio" name="radSex" checked="checked" id="female"/>
<label for="female">女</label>
<input type="radio" name="radSex" id="male"/>
<label for="male">男</label>
</div>
<div class="text_info clearfix"><span>通信地址：</span></div>
<div class="input_info">
<input type="text" class="width350"/>
<div class="validate_msg_tiny">50长度以内</div>
</div>
<div class="text_info clearfix"><span>邮编：</span></div>
<div class="input_info">
<input type="text"/>
<div class="validate_msg_long">6位数字</div>
</div>
<div class="text_info clearfix"><span>QQ：</span></div>
<div class="input_info">
<input type="text"/>
<div class="validate_msg_long">5到13位数字</div>
</div>
</div>
 
<div class="button_info clearfix">
<input type="button" value="保存" class="btn_save" onClick="showResult();"/>
<input type="button" value="取消" class="btn_save"/>
</div>
</form>
</div>
 
<div id="footer">
<span>[源自橡树的技术，最优秀的师资，最真实的企业环境，最适用的实战项目]</span>
<br/>
<span>版权所有(C)橡树信息科技有限公司 </span>
</div>
</body>
</html>
